<template>
    <div>
        <div v-for="listItem in list">
            <div v-for="item in listItem" style="margin-bottom: 20px">
                <el-alert :title="item.title" type="info"
                          show-icon :closable="false">
                </el-alert>
                <el-radio-group v-model="item.score">
                    <el-row v-for="answer in item.answer" style="text-align: left;margin-top: 4px">
                        <el-col :span="24">
                            <el-radio border size="medium" :label="answer.label">{{answer.text}}</el-radio>
                        </el-col>
                    </el-row>
                </el-radio-group>
            </div>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-row style="height: 100%;">
                <el-col style="height: 100%;display:flex;align-items: center;" :span="12" >
                    评测结果：
                    <span v-show="showResult">
                        <el-tag v-show="result.originalResult1">{{result.originalResult1 === 1?'油性': '干性'}}</el-tag>
                        <el-tag v-show="result.originalResult2">{{result.originalResult2 === 1?'敏感': '耐受'}}</el-tag>
                        <el-tag v-show="result.originalResult3">{{result.originalResult3 === 1?'色素': '非色素'}}</el-tag>
                        <el-tag v-show="result.originalResult4">{{result.originalResult4 === 1?'皱纹': '紧致'}}</el-tag>
                    </span>
                    <span v-show="!showResult">
                        完成问卷后显示结果
                    </span>
                </el-col>
                <el-col style="height: 100%;display:flex;justify-content: flex-end;" :span="12">
                    <el-button type="primary" icon="el-icon-check" @click="save">确 定</el-button>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>

    export default {
        name: "SkinType",
        mounted() {
        },
        data() {
            return {
                list: [
                    [
                        {
                            title: '1. 在洗完脸后，不要使用任何的保湿霜、防晒霜、柔肤水、粉，或者其它的产品。过2-3小时后，在明亮的灯光下看镜子，您的额头和脸颊会感觉或出现',
                            answer: [
                                {label: '1', text: '很粗糙，易脱皮，或肤色苍白'},
                                {label: '2', text: '紧绷的'},
                                {label: '3', text: '皮肤很水润，在灯光下没有反射'},
                                {label: '4', text: '在灯光下会有反射的光'}
                            ],
                            score: 0
                        },
                        {
                            title: '2. 在照片上，你的皮肤看起来油光发亮',
                            answer: [
                                {label: '1', text: '从来不会，或你从未注意'},
                                {label: '2', text: '偶尔'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '一直如此'}
                            ],
                            score: 0
                        },
                        {
                            title: '3. 在使用粉底但不用遮盖粉2-3小时后，你的粉底会表现',
                            answer: [
                                {label: '1', text: '在皱纹处起屑或层片状'},
                                {label: '2', text: '平滑'},
                                {label: '3', text: '有光泽'},
                                {label: '4', text: '形成条痕并有光泽'},
                                {label: '2.5', text: '我不用粉底'}
                            ],
                            score: 0
                        },
                        {
                            title: '4. 当您在干燥的环境中，如果您不使用保湿霜或者防晒霜，您的面部的皮肤会',
                            answer: [
                                {label: '1', text: '感觉很干或干裂'},
                                {label: '2', text: '感觉很紧绷'},
                                {label: '3', text: '感觉很正常'},
                                {label: '4', text: '看上去很光亮，或我从来没有感觉到我需要保湿霜'},
                                {label: '2.5', text: '我不知道'}
                            ],
                            score: 0
                        },
                        {
                            title: '5. 从一个放大镜里观察，你面部有多少粗大的毛孔，直径超过大头针头',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '只在T区(额头和鼻子)有一些'},
                                {label: '3', text: '有许多'},
                                {label: '4', text: '非常多'},
                                {label: '2.5', text: '不知道'}
                            ],
                            score: 0
                        },
                        {
                            title: '6. 您会怎样描述您面部的皮肤，如：',
                            answer: [
                                {label: '1', text: '干的'},
                                {label: '2', text: '正常的'},
                                {label: '3', text: '混合性的'},
                                {label: '4', text: '油性的'}
                            ],
                            score: 0
                        },
                        {
                            title: '7. 当您用肥皂泡沫、泡沫乳、泡沫丰富的洁面乳洁面时，您面部的皮肤会',
                            answer: [
                                {label: '1', text: '感觉干或干裂'},
                                {label: '2', text: '感觉有轻微的干但是没有裂开'},
                                {label: '3', text: '感觉正常'},
                                {label: '4', text: '感觉油性的'},
                                {label: '2.5', text: '我不用肥皂或其他的泡沫洁面乳．(如果是因为在使用时它们会让我的脸很干，选a)'}
                            ],
                            score: 0
                        },
                        {
                            title: '8．如果没有保湿霜，您脸部的皮肤会感觉紧绷',
                            answer: [
                                {label: '1', text: '经常'},
                                {label: '2', text: '有时会'},
                                {label: '3', text: '很少'},
                                {label: '4', text: '从来不会'}
                            ],
                            score: 0
                        },
                        {
                            title: '9．您有毛孔堵塞(黑头或白头)',
                            answer: [
                                {label: '1', text: '从来没有过'},
                                {label: '2', text: '很少'},
                                {label: '3', text: '有时会有'},
                                {label: '4', text: '总有'}
                            ],
                            score: 0
                        },
                        {
                            title: '10．您脸部在T字区(额头和鼻子)是油性的',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '有时'},
                                {label: '3', text: '时常会有'},
                                {label: '4', text: '总是'}
                            ],
                            score: 0
                        }
                    ],
                    [
                        {
                            title: '1. 您的脸上出现红色的斑块',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '很少'},
                                {label: '3', text: '每月至少会有一次'},
                                {label: '4', text: '每周至少会有一次'}
                            ],
                            score: 0
                        },
                        {
                            title: '2．护肤产品(包括洁面乳、保湿霜、柔肤水和化妆品)会使您的脸部出现发红，发痒或刺痛',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '很少'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '总会有'},
                                {label: '2.5', text: '我不用护肤品在我的脸上'}
                            ],
                            score: 0
                        },
                        {
                            title: '3．您曾经被诊断过有痤疮或玫瑰痤疮(红斑痤疮)吗',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '朋友和熟人告诉我有'},
                                {label: '3', text: '是的'},
                                {label: '4', text: '是，一个严重的病例'},
                                {label: '2.5', text: '不确定'}
                            ],
                            score: 0
                        },
                        {
                            title: '4．如果您带的首饰不是14k金，您的皮肤会在多长时间出现皮疹',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '很少'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '总是有'},
                                {label: '2.5', text: '不确定'}
                            ],
                            score: 0
                        },
                        {
                            title: '5．防晒霜使你的皮肤发痒、刺痛、起皮疹或发红',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '很少'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '总是有'},
                                {label: '2.5', text: '我从不使用防晒霜'}
                            ],
                            score: 0
                        },
                        {
                            title: '6．您曾经被诊断过有异位性皮炎、湿疹、或接触性皮炎(一种过敏性的皮疹)?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '朋友告诉我有'},
                                {label: '3', text: '是的'},
                                {label: '4', text: '是，一个严重的病例'},
                                {label: '2.5', text: '不确定'}
                            ],
                            score: 0
                        },
                        {
                            title: '7．您的家庭中有人被诊断过有异位性皮炎、湿疹、哮喘、和/或过敏症?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '我知道的有一位'},
                                {label: '3', text: '有几位'},
                                {label: '4', text: '很多家人都有皮炎，湿疹，哮喘，和／或过敏症'},
                                {label: '2.5', text: '不确定'}
                            ],
                            score: 0
                        },
                        {
                            title: '8．洗完有香味的泡泡浴，涂上按摩油，或身体柔肤水会使您的皮肤发痒或发干?',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '很少'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '总是有'},
                                {label: '2.5', text: '我从来没用过这种类型的产品(注：如果由于使用后会出现上述皮肤症状而不使用这些产品，选d)'}
                            ],
                            score: 0
                        },
                        {
                            title: '9．你可以用宾馆里的香皂清洁面部和身体而不出现一些反应吗?',
                            answer: [
                                {label: '1', text: '是的'},
                                {label: '2', text: '大多数情况下没有什么反应'},
                                {label: '3', text: '不行，用了后我的皮肤会痒，发红或起皮疹'},
                                {label: '4', text: '我不用了。过去使用后我的皮肤出现了太多问题!'},
                                {label: '2.5', text: '我自己带了清洁产品，所以不确定'}
                            ],
                            score: 0
                        },
                        {
                            title: '10．您带戒指的部位多长时间出现一次皮疹?',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '很少'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '总是有'},
                                {label: '2.5', text: '我不带戒指'}
                            ],
                            score: 0
                        },
                        {
                            title: '11．如果使用带有添加香味的洗衣剂或静电处理的床单你有什么反应?',
                            answer: [
                                {label: '1', text: '我的皮肤没反应'},
                                {label: '2', text: '我的皮肤感觉有点干'},
                                {label: '3', text: '我的皮肤会发痒'},
                                {label: '4', text: '我的皮肤发痒并起皮疹'},
                                {label: '2.5', text: '不确定，或我从没使用过'}
                            ],
                            score: 0
                        },
                        {
                            title: '12．在经历了适度的运动后，或在压力下，或受到强烈的感情刺激，比如生气等情况下，您的脸部或颈部会经常变红?',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '有时会'},
                                {label: '3', text: '很频繁'},
                                {label: '4', text: '总会有'}
                            ],
                            score: 0
                        },
                        {
                            title: '13．你喝酒后经常脸红吗?',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '有时会'},
                                {label: '3', text: '很频繁'},
                                {label: '4', text: '总会有，或因为这个原因我不喝酒'},
                                {label: '2.5', text: '我从不喝酒'}
                            ],
                            score: 0
                        },
                        {
                            title: '14．在您吃完辣的或是烫的食物或饮料后皮肤会经常出现发红吗?',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '有时会'},
                                {label: '3', text: '很频繁'},
                                {label: '4', text: '总会有'},
                                {label: '2.5', text: '我从来不吃辣的食物(注：如果由于吃完辣的或是烫的食物后会出现上述皮肤症状而不吃，选d)'}
                            ],
                            score: 0
                        },
                        {
                            title: '15．在你的脸上和鼻子上有(或在治疗前有)多少扩张的红色或蓝色血管?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '很少(全面部包括鼻子共有1-3根)'},
                                {label: '3', text: '有一些(全面部包括鼻子共有4-6根)'},
                                {label: '4', text: '很多(全面部包括鼻子共有7根以上)'}
                            ],
                            score: 0
                        },
                        {
                            title: '16．您的脸在相片上看起来总是发红',
                            answer: [
                                {label: '1', text: '从来没有，我没有注意过'},
                                {label: '2', text: '有时'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '总是会'}
                            ],
                            score: 0
                        },
                        {
                            title: '17．人们会问您是不是被晒伤了，即使您没有晒太阳',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '有时'},
                                {label: '3', text: '经常的'},
                                {label: '4', text: '总会有'},
                                {label: '2.5', text: '我经常被晒伤'}
                            ],
                            score: 0
                        },
                        {
                            title: '18．您使用化妆品、防晒霜或护肤品后会出现发红、发痒、或水肿',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '有时'},
                                {label: '3', text: '经常的'},
                                {label: '4', text: '总会有'},
                                {label: '2.5', text: '我不用这些产品(注：如果是由于使用后会出现上述皮肤症状而不愿用，选d)'}
                            ],
                            score: 0
                        },
                        {
                            title: '19.你曾被皮肤科医生诊断为痤疮、玫瑰痤疮、接触性皮炎、或湿疹',
                            answer: [
                                {label: '5', text: '有过'},
                                {label: '0', text: '没有'}
                            ],
                            score: 0
                        },
                        {
                            title: '20.你被其他科医生诊断为痤疮、玫瑰痤疮、接触性皮炎、或湿疹',
                            answer: [
                                {label: '5', text: '有过'},
                                {label: '0', text: '没有'}
                            ],
                            score: 0
                        }
                    ],
                    [
                        {
                            title: '1．在你起粉刺痤疮或毛囊发炎之后，愈合处会出现棕色或黑色斑点吗?',
                            answer: [
                                {label: '1', text: '从来没有或我没注意'},
                                {label: '2', text: '有时'},
                                {label: '3', text: '经常'},
                                {label: '4', text: '总会有'},
                                {label: '2.5', text: '我从没起粉刺痤疮或皮肤发炎'}
                            ],
                            score: 0
                        },
                        {
                            title: '2．在您割伤、刮伤皮肤后，或炒菜时烫油溅到皮肤上后后，那个褐色(不是粉色)的痕迹会保持多长时间?',
                            answer: [
                                {label: '1', text: '我没有褐色的痕迹'},
                                {label: '2', text: '一周'},
                                {label: '3', text: '几周'},
                                {label: '4', text: '几个月'}
                            ],
                            score: 0
                        },
                        {
                            title: '3．当您在怀孕，服用避孕药，接受荷尔蒙替代疗法时，您的脸上会出现多少黑斑?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '一个'},
                                {label: '3', text: '一点'},
                                {label: '4', text: '很多'},
                                {label: '2.5', text: '这个问题不适用于我(因为我是男性，或因为我没有怀孕，没有服避孕药，或我不确定我是不是有黑斑)'}
                            ],
                            score: 0
                        },
                        {
                            title: '4．在您的上唇或脸颊处有黑色斑点或斑片吗?或在您没有去掉它们之前有一些?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '我不知道'},
                                {label: '3', text: '是的，它们不是很明显'},
                                {label: '4', text: '是的，它们很明显'}
                            ],
                            score: 0
                        },
                        {
                            title: '5．当您在太阳下时，您脸上的斑点会变的更明显了吗?',
                            answer: [
                                {label: '1', text: '我没有黑斑'},
                                {label: '2', text: '不确定'},
                                {label: '3', text: '有轻微的变深'},
                                {label: '4', text: '变的很严重'},
                                {label: '2.5', text: '我每天都涂防晒霜，我几乎不在太阳下(注意：如果您一直用防晒霜是因为您怕会有黑斑或者雀斑，请选D)'}
                            ],
                            score: 0
                        },
                        {
                            title: '6．您是否被诊断过脸上有黄褐斑，表现为轻或深褐色或灰色的斑片?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '有一次，但是现在没有了'},
                                {label: '3', text: '是的'},
                                {label: '4', text: '是，情况很严重'},
                                {label: '2.5', text: '不确定'}
                            ],
                            score: 0
                        },
                        {
                            title: '7．您是否有，或者您是否曾经有过小褐色斑(雀斑或晒斑)在您的脸上，胸部、背部或胳膊上?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '是的，有几个(一个到五个)'},
                                {label: '3', text: '是的，很多(六个到十五个)'},
                                {label: '4', text: '是的，非常多(十六个到更多)'}
                            ],
                            score: 0
                        },
                        {
                            title: '8．在几个月内当您第一次被曝晒的时候，您的皮肤会：',
                            answer: [
                                {label: '1', text: '只有疼痛'},
                                {label: '2', text: '疼痛然后肤色变暗'},
                                {label: '3', text: '肤色变暗'},
                                {label: '4', text: '我的皮肤已经是黑的了，所以很难看出是不是变暗了(您不能选“我从来没曝晒过。”想想您的童年经历!)'}
                            ],
                            score: 0
                        },
                        {
                            title: '9．连续曝晒几天后你会发生',
                            answer: [
                                {label: '1', text: '我会晒伤起疱，但我的皮肤不会改变颜色'},
                                {label: '2', text: '我的皮肤会黑一些'},
                                {label: '3', text: '我的皮肤会变得很黑'},
                                {label: '4', text: '我的皮肤已经很黑了，所以看不出来皮肤会不会变黑'},
                                {label: '2.5', text: '不确定(同样，您不能选“我从来没曝晒过。”如果真要选e，先想想您的童年经历!)'}
                            ],
                            score: 0
                        },
                        {
                            title: '10．你头发的自然色是?(如果头发已经灰白了，想想头发发白前的颜色)',
                            answer: [
                                {label: '1', text: '金黄色'},
                                {label: '2', text: '棕色'},
                                {label: '3', text: '黑色'},
                                {label: '4', text: '红色'}
                            ],
                            score: 0
                        },
                        {
                            title: '11．皮肤曝光的部位是否出现黑斑',
                            answer: [
                                {label: '5', text: '是'},
                                {label: '00', text: '否'}
                            ],
                            score: 0
                        }
                    ],
                    [
                        {
                            title: '1．您的面部有皱纹吗',
                            answer: [
                                {label: '1', text: '没有，甚至在笑、皱眉、或提眉毛时都没有皱纹'},
                                {label: '2', text: '只有当我做表情时，如笑、皱眉、或将眉毛上提时'},
                                {label: '3', text: '是的，在做表情时有，不做表情的时候也有一些'},
                                {label: '4', text: '皱纹一直都有，即使在我不笑、皱眉，或提眉毛时'}
                            ],
                            score: 0
                        },
                        {
                            title: '2．您母亲面部的皮肤看上去像多大年龄的?',
                            answer: [
                                {label: '1', text: '比她的年龄年轻五到十岁'},
                                {label: '2', text: '她的年龄'},
                                {label: '3', text: '比她的年龄大五岁'},
                                {label: '4', text: '比她的年龄大五岁多'},
                                {label: '2.5', text: '不适合,我是被收养的或我不记得了'}
                            ],
                            score: 0
                        },
                        {
                            title: '3．您父亲面部的皮肤看上去像多大年龄的?',
                            answer: [
                                {label: '1', text: '比他的年龄年轻五到十岁'},
                                {label: '2', text: '他的年龄'},
                                {label: '3', text: '比他的年龄大五岁'},
                                {label: '4', text: '比他的年龄大五岁多'},
                                {label: '2.5', text: '不适合,我是被收养的或我不记得了'}
                            ],
                            score: 0
                        },
                        {
                            title: '4．您的外祖母的面部的皮肤看上去像多大年龄的?',
                            answer: [
                                {label: '1', text: '比她的年龄年轻五到十岁'},
                                {label: '2', text: '她的年龄'},
                                {label: '3', text: '比她的年龄大五岁'},
                                {label: '4', text: '比她的年龄大五岁多'},
                                {label: '2.5', text: '不适合,我是被收养的或我不记得了'}
                            ],
                            score: 0
                        },
                        {
                            title: '5．您的外祖父面部的皮肤看上去像多大年龄的?',
                            answer: [
                                {label: '1', text: '比他的年龄年轻五到十岁'},
                                {label: '2', text: '他的年龄'},
                                {label: '3', text: '比他的年龄大五岁'},
                                {label: '4', text: '比他的年龄大五岁多'},
                                {label: '2.5', text: '不适合,我是被收养的或我不记得了'}
                            ],
                            score: 0
                        },
                        {
                            title: '6．您的祖母的面部的皮肤看上去像多大年龄的?',
                            answer: [
                                {label: '1', text: '比她的年龄年轻五到十岁'},
                                {label: '2', text: '她的年龄'},
                                {label: '3', text: '比她的年龄大五岁'},
                                {label: '4', text: '比她的年龄大五岁多'},
                                {label: '2.5', text: '不适合,我是被收养的或我不记得了'}
                            ],
                            score: 0
                        },
                        {
                            title: '7．您祖父面部的皮肤看上去像多大年龄的?',
                            answer: [
                                {label: '1', text: '比他的年龄年轻五到十岁'},
                                {label: '2', text: '他的年龄'},
                                {label: '3', text: '比他的年龄大五岁'},
                                {label: '4', text: '比他的年龄大五岁多'},
                                {label: '2.5', text: '不适合,我是被收养的或我不记得了'}
                            ],
                            score: 0
                        },
                        {
                            title: '8．在您的生活中，您是否在每年都持续不断的曝晒超过两周?如果是，您总共经历了几年?请数一下您在打网球、钓鱼、打高尔夫、滑雪，或其他的室外活动中曝晒的次数，沙滩不是您被晒的唯一场所。',
                            answer: [
                                {label: '1', text: '从来没有过'},
                                {label: '2', text: '一到五年'},
                                {label: '3', text: '五到十年'},
                                {label: '4', text: '多于十年'}
                            ],
                            score: 0
                        },
                        {
                            title: '9．在您的生活中，您曾经在每年或不到一年中经历过多于两周的季节性曝晒吗?(是的，暑假包括在内!)如果是，多长时间一次?',
                            answer: [
                                {label: '1', text: '从来没有过'},
                                {label: '2', text: '一到五年'},
                                {label: '3', text: '五到十年'},
                                {label: '4', text: '多于十年'}
                            ],
                            score: 0
                        },
                        {
                            title: '10．根据您所居住的地方，您每天受日照的时间是多少?',
                            answer: [
                                {label: '1', text: '很少，我大多居住在灰色和阴暗的地方'},
                                {label: '2', text: '有一些，我住在比较阴暗的地方，但是有时也会住在有正常阳光的地方'},
                                {label: '3', text: '比较适中，我住在阳光比较适中的地方'},
                                {label: '4', text: '很多，我住在热带、南方，阳光很充足的地方'}
                            ],
                            score: 0
                        },
                        {
                            title: '11．您认为您自己看上去有多大年龄?',
                            answer: [
                                {label: '1', text: '比您的年龄要年轻五到十岁'},
                                {label: '2', text: '您的年龄'},
                                {label: '3', text: '比您的年龄大五岁'},
                                {label: '4', text: '比您的年龄要多于五岁'}
                            ],
                            score: 0
                        },
                        {
                            title: '12．过去五年里，你有意或无意由于户外活动或其他方式晒黑皮肤?',
                            answer: [
                                {label: '1', text: '从来没有，或一年中有过几次'},
                                {label: '2', text: '一个月一次'},
                                {label: '3', text: '一周一次'},
                                {label: '4', text: '每天'}
                            ],
                            score: 0
                        },
                        {
                            title: '13．您多久进行一次日光浴?',
                            answer: [
                                {label: '1', text: '从来没有'},
                                {label: '2', text: '一到五次'},
                                {label: '3', text: '五到十次'},
                                {label: '4', text: '很多次'}
                            ],
                            score: 0
                        },
                        {
                            title: '14．在您的生活中，您共抽过多少烟(或者您曾接触过吸烟者)?',
                            answer: [
                                {label: '1', text: '没有'},
                                {label: '2', text: '几包'},
                                {label: '3', text: '几包到很多包'},
                                {label: '4', text: '我每天都吸烟'},
                                {label: '2.5', text: '我从不吸烟但是我居住、生活和工作的周围都有经常吸烟的人'}
                            ],
                            score: 0
                        },
                        {
                            title: '15．请描述你居住地的空气污染状况',
                            answer: [
                                {label: '1', text: '空气清新'},
                                {label: '2', text: '一年中有一段时间，但不是全年空气清洁'},
                                {label: '3', text: '空气轻度污染'},
                                {label: '4', text: '空气污染严重'}
                            ],
                            score: 0
                        },
                        {
                            title: '16．你使用维A酸类面霜如维A酸，：Renova，Retin-A，Tazorac，达芙文或Avage多长时间了?',
                            answer: [
                                {label: '1', text: '几年'},
                                {label: '2', text: '时常'},
                                {label: '3', text: '年轻时针对痤疮使用过, 或有有时用过'},
                                {label: '4', text: '偶尔用过，或者从来没有'}
                            ],
                            score: 0
                        },
                        {
                            title: '17．你在饮食中常常吃水果蔬菜吗?',
                            answer: [
                                {label: '1', text: '每顿都吃'},
                                {label: '2', text: '一天一顿'},
                                {label: '3', text: '时常'},
                                {label: '4', text: '从不'}
                            ],
                            score: 0
                        },
                        {
                            title: '18．在你一生中，含有水果蔬菜的日常饮食占有多大比例?(注意：果汁不算，除非是鲜榨的)',
                            answer: [
                                {label: '1', text: '75-100％'},
                                {label: '2', text: '25-75％'},
                                {label: '3', text: '10-25％'},
                                {label: '4', text: '0-10％'}
                            ],
                            score: 0
                        },
                        {
                            title: '19．你的自然肤色(未晒黑或染色的)，如内裤遮挡的地方皮肤颜色',
                            answer: [
                                {label: '1', text: '黑色'},
                                {label: '2', text: '中等肤色（黄色）'},
                                {label: '3', text: '淡色（偏白颜色）'},
                                {label: '4', text: '非常淡(白色)'}
                            ],
                            score: 0
                        },
                        {
                            title: '20．您属于下列哪个种族的人?(请选择最适合的答案)',
                            answer: [
                                {label: '1', text: '非洲人/非洲裔美国人/土著人/毛利族人/加勒比海人/黑人'},
                                {label: '2', text: '亚洲人/印第安人/地中海地区的/其它'},
                                {label: '3', text: '拉丁美洲/西班牙人/中东地区人种'},
                                {label: '4', text: '高加索人'}
                            ],
                            score: 0
                        },
                        {
                            title: '21．年龄是否在65岁以上',
                            answer: [
                                {label: '5', text: '是'},
                                {label: '00', text: '否'}
                            ],
                            score: 0
                        }
                    ]
                ],
                showResult: false,
                result: {
                    originalResult1: '',
                    originalResult2: '',
                    originalResult3: '',
                    originalResult4: '',
                    subscript1: '',
                    subscript2: '',
                    subscript3: '',
                    subscript4: '',
                }
            }
        },
        methods: {
            calcScore(index) {
                let all = 0;
                let array = this.list[index-1]
                for(let i=0;i<array.length;i++){
                    let score = array[i].score
                    all = all + parseFloat(score);
                }
                return all;
            },
            save() {
                this.$confirm('是否确认保存信息?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.getResult();
                    this.showResult = true
                    this.$message({
                        type: 'success',
                        message: '保存成功!'
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消'
                    });
                });
            },
            getResult() {
                let score1 = this.calcScore(1);
                let score2 = this.calcScore(2);
                let score3 = this.calcScore(3);
                let score4 = this.calcScore(4);
                this.getResult1(score1);
                this.getResult2(score2);
                this.getResult3(score3);
                this.getResult4(score4);
            },
            getResult1(score){
                if (score >= 38 && score <= 44) {
                    this.result.originalResult1 = 1
                    this.result.subscript1 = 3
                } else if (score >= 34 && score <= 37) {
                    this.result.originalResult1 = 1
                    this.result.subscript1 = 2
                } else if (score >= 27 && score <= 33) {
                    this.result.originalResult1 = 1
                    this.result.subscript1 = 1
                } else if (score >= 21 && score <= 26) {
                    this.result.originalResult1 = 2
                    this.result.subscript1 = 1
                } else if (score >= 17 && score <= 20) {
                    this.result.originalResult1 = 2
                    this.result.subscript1 = 2
                } else if (score >= 11 && score <= 16) {
                    this.result.originalResult1 = 2
                    this.result.subscript1 = 3
                }
            },
            getResult2(score){
                if (score >= 34 && score <= 72) {
                    this.result.originalResult2 = 1
                    this.result.subscript2 = 2
                } else if (score >= 30 && score <= 33) {
                    this.result.originalResult2 = 1
                    this.result.subscript2 = 1
                } else if (score >= 25 && score <= 29) {
                    this.result.originalResult2 = 2
                    this.result.subscript2 = 1
                } else if (score >= 18 && score <= 24) {
                    this.result.originalResult2 = 2
                    this.result.subscript2 = 2
                }
            },
            getResult3(score){
                if (score >= 39 && score <= 45) {
                    this.result.originalResult3 = 1
                    this.result.subscript3 = 2
                } else if (score >= 31 && score <= 38) {
                    this.result.originalResult3 = 1
                    this.result.subscript3 = 1
                } else if (score >= 21 && score <= 30) {
                    this.result.originalResult3 = 2
                    this.result.subscript3 = 1
                } else if (score >= 10 && score <= 20) {
                    this.result.originalResult3 = 2
                    this.result.subscript3 = 2
                }
            },
            getResult4(score){
                if (score >= 61 && score <= 85) {
                    this.result.originalResult4 = 1
                    this.result.subscript4 = 2
                } else if (score >= 41 && score <= 60) {
                    this.result.originalResult4 = 1
                    this.result.subscript4 = 1
                } else if (score >= 31 && score <= 40) {
                    this.result.originalResult4 = 2
                    this.result.subscript4 = 1
                } else if (score >= 20 && score <= 30) {
                    this.result.originalResult4 = 2
                    this.result.subscript4 = 2
                }
            }
        }
    }
</script>

<style>
</style>
